
<html>
<head>
    <title>查看返校申请</title>
    <script src="js/jquery-3.3.1.min.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.14.2/dist/bootstrap-table.min.css">
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
    <script src="https://unpkg.com/bootstrap-table@1.14.2/dist/bootstrap-table.min.js"></script>
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    
    <link href="https://cdn.bootcss.com/mdui/0.4.3/css/mdui.min.css" rel="stylesheet">
    <script src="js/mdui.min.js"></script>
    
    

    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://unpkg.com/bootstrap-table@1.14.2/dist/bootstrap-table.min.css">
    <!-- Latest compiled and minified JavaScript -->
    <script src="https://unpkg.com/bootstrap-table@1.14.2/dist/bootstrap-table.min.js"></script>
    <!-- Latest compiled and minified Locales -->
    <script src="https://unpkg.com/bootstrap-table@1.14.2/dist/locale/bootstrap-table-zh-CN.min.js"></script>


</head>
<style type="text/css">
    .mdui-btn{
        margin-right: 5px;
    }
</style>

<body class="mdui-theme-primary-light-blue mdui-theme-accent-blue">
    <h2 class="mdui-text-color-theme">查看返校申请</h2>
    <div id="content">
       <div id="tableArea">
           <table id="table"></table>
       </div>
    </div>

    <div id="record" class="mdui-dialog">
        <div class="mdui-dialog-content">
            <div class="mdui-dialog-title">申请信息</div>
            <div>

                <div id="roomInfoLabel" class="mylabel">一、返校行程</div>

                <div class="mdui-textfield">
                    <label class="mdui-textfield-label">返回地</label>
                    <input class="mdui-textfield-input" type="text" id="backPlace" name="backPlace" readonly/>
                </div>

                <div class="mdui-textfield">
                    <label class="mdui-textfield-label">交通工具</label>
                    <input class="mdui-textfield-input" type="text" id="backTraffic" name="backTraffic" readonly/>
                </div>

                <div class="mdui-textfield">
                    <label class="mdui-textfield-label">车次号</label>
                    <input class="mdui-textfield-input" type="text" id="backTrafficNo" name="backTrafficNo" readonly/>
                </div>

                



                   
                    <div id="roomInfoLabel" class="mylabel">二、返校原因</div>

                <div class="mdui-textfield">
                    <label class="mdui-textfield-label">返校目标时间</label>
                    <input class="mdui-textfield-input" type="text" id="backTargetTime" name="backTargetTime"readonly />
                </div>

                <div class="mdui-textfield"> 
                    <label class="mdui-textfield-label">返校原因</label>
                    <input class="mdui-textfield-input" type="text" id="backReason" name="backReason" readonly/>
                </div>

                <div id="PhotoInfoLabel" class="mylabel" >健康码</div>
                   

                    
                    <table id="backTrafficPic" class="mytable">

                    </table>

                </form>
            </div>


        </div>
        <div class="mdui-dialog-actions">
            
            <button class="mdui-btn mdui-ripple" mdui-dialog-close>关闭</button>
        </div>
    </div>

    
        
</body>

<script>
    var $$=mdui.JQ;
    
    var detailDialog=new mdui.Dialog("#record");
    window.operateEvents={
        "click .detail":function (index,value,row){
            rm()
            getDetail(row.backId)
        },
        "click .status":function(index,value,row){
            changeSubmit(row.backId,row.backState,row.userId)
        },
        "click .delete":function(index,value,row){
            deleteSubmit(row.backId)
        }
    }
    
   $$.ajax({
              method:'GET',
              url:'http://prehealth.top/pre2.0/back',
              dataType: "json",
              
              success:function (data) {
                console.log(data)
                
               for(i=0;i<data.length;i++)
               {
                console.log(data[i].backId)
               }

            }
        })


    
        $("#table").bootstrapTable({
        url: 'http://prehealth.top/pre2.0/back?back_type=0',         //请求后台的URL（*）
        method: 'get',                      //请求方式（*）
        toolbar: '#toolbar',                //工具按钮用哪个容器
        striped: true,                      //是否显示行间隔色
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: true,                   //是否显示分页（*）
        sortOrder: "asc",                   //排序方式
        //    queryParams: oTableInit.queryParams,//传递参数（*）
        sidePagination: "client",           //分页方式：client客户端分页，server服务端分页（*）
        smartDisplay:true,
        pageNumber: 1,                       //初始化加载第一页，默认第一页
        pageSize: 9,                       //每页的记录行数（*）
        pageList: [10, 25, 50, 100],        //可供选择的每页的行数（*）
        search: true,                       //是否显示表格搜索，此搜索是客户端搜索，不会进服务端，所以，个人感觉意义不大
       // showColumns: true,                  //是否显示所有的列
        showRefresh: true,                  //是否显示刷新按钮
        minimumCountColumns: 2,             //最少允许的列数
         clickToSelect: true,                //是否启用点击选中行
        height: 500,                        //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度
        uniqueId: "backType",                     //每一行的唯一标识，一般为主键列
        showExport: true,                     //是否显示导出
        exportDataType: "basic",
        columns: [ {
            field:'backId',
            title:'申请编号',
            align:'center'
            
        },{
            field:'userId',
            title:'申请人',
            align:'center',
            formatter:getName
            
        },{
            field:'backReason',
            title:'返校原因',
            align:'center'
        } ,{
            field:'backPostTime',
            title:'申请时间' ,
            align:'center',
            formatter:qiege
            
            
        },{
            field:'backState',
            title:'申请状态',
            align:'center',
            formatter:status
        } ,{
            field: 'operation',
            title: '操作',
            align: 'center',
            events:operateEvents,//给按钮注册事件
            formatter:addFunctionAlty//表格中增加按钮 
        }
        ]
    })
 
   
    function qiege(value,row,index){
       
        var str = row.backPostTime;
        var str1 = str.substring(0,10);
        


            return ['<span>'+str1+'</span>'].join('');
    }



    function getuserName(userId){
        var username;
        $$.ajax({
            url:"http://prehealth.top/pre2.0/userinfo/"+userId,
            method:"get",
            dataType:"json",
            data:{
                  user_id:userId,
                  
              },
              contentType:false,
              async: false,
              success:function(data){
                 username=data.userName;
                 console.log(username)
                 
               }});
        
            return username;
        

    }
        
    function getName(value,row,index){
        var userqqq=getuserName(row.userId);

        return ['<span>'+userqqq+'</span>'].join('');

    }      
    
    

    
    function status(value,row,index){

        switch(row.backState){
            case 0:
                return ['<span>未审批</span>'].join('');
                break;

            case 1:
                return ['<span>通过</span>'].join('');
                break;

            case 2:
                return ['<span>未通过</span>'].join('');
                break;

        }
    }

    function addFunctionAlty(){
        return[
            '<button class="mdui-btn mdui-color-theme-accent mdui-ripple detail"> 查看申请人信息</button>',
            '<button class="mdui-btn mdui-color-theme-accent mdui-ripple status" id="example-prompt-1">审批</button>',
            '<button class="mdui-btn mdui-color-theme-accent mdui-ripple delete">删除申请</button>'
        ].join('')
    }
   

    
    
    function rm() {
        $(".myimg").remove();
    }

    function getDetail(backId) {
        $$.ajax({
            url:"http://prehealth.top/pre2.0/back",
            method:"get",
            dataType:"json",
            data:{
                  back_id:backId,
                  
              },
            contentType:false,
            success:function (obj) {
                var data = eval(obj);

                console.log(data)
                $$("#backPlace").val(data[0].backPlace);
                $$("#backTraffic").val(data[0].backTraffic);
                $$("#backTrafficNo").val(data[0].backTrafficNo);
                $$("#backTargetTime").val(data[0].backTargetTime);
                $$("#backReason").val(data[0].backReason);
                if (data[0].backTrafficPic != null) {
                    var backTrafficPic=data[0].backTrafficPic.split(";");
                console.log(backTrafficPic)

             for (var i=0;i<backTrafficPic.length;i++) {
                console.log(backTrafficPic[i])
                if(backTrafficPic[i]!="")
                 $$("#backTrafficPic").append("<div class='myimg' style='text-align:center;margin: 5px'> <img src='" + backTrafficPic[i] + "' width='200px' height='120px'/> </div>");
             }
                }
               
               
                detailDialog.open();
            }
        })
    }

    function changeSubmit(backId,backState,userId) {
         var touser;
         var name;
            $$.ajax({
            url:"https://prehealth.top/pre2.0/login",
            method:"get",
            dataType:"json",
            async: false,
            data:{
                  user_id:userId
                  
              },
              contentType:false,
             
              success:function(data){
                 touser=data.userOpenId;
                 name = data.userinfo.userName;
                 console.log(touser)
                 
               }});


            var json1 = 
    
    {
        "touser":touser,
        "template_id":"gDRFcTh876M6Wn-_VtV2iHVLcDE_i9LyGPPfZohl1QU",
        "miniprogram_state":"developer",
        "lang":"zh_CN",
        "data":{
          "name1":{
            "value":name
          },
          "phrase3":{
            "value":"已审核"
          },
          "thing4":{
            "value":"返校申请通过"
          },
          "thing6":{
            "value":"已通过审批"
          }

        }
    };
         var json2 = 
    
    {
        "touser":touser,
        "template_id":"gDRFcTh876M6Wn-_VtV2iHVLcDE_i9LyGPPfZohl1QU",
        "miniprogram_state":"developer",
        "lang":"zh_CN",
        "data":{
          "name1":{
            "value":name
          },
          "phrase3":{
            "value":"已审核"
          },
          "thing4":{
            "value":"返校申请被驳回"
          },
          "thing6":{
            "value":"已驳回申请"
          }

        }
    };
          
          mdui.dialog({
           title: '审批状态',
            
          buttons: [
        {
          text: '不通过',
          onClick: function(inst){
           $$.ajax({
            method: 'POST',
            url: 'https://prehealth.top/pre2.0/Send',
            contentType:'application/json;charset=utf-8',
            async: false,
            dataType: "json",
            data:JSON.stringify(json2),
                  
              
            success: function (data) {
                console.log("发送通知成功！")
            },
            fail:function () {
                
            }
        });

           mdui.snackbar({
            message: '上传中...',
            position: 'right-top'
        });
        $$.ajax({
            method: 'PUT',
            url: 'http://prehealth.top/pre2.0/back',
            dataType: "json",
              data:{
                  backId:backId,
                  backState:"2"
              },
            success: function (data) {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '修改成功',
                    position: 'right-top'
                });
                history.go(0)
            },
            fail:function () {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '修改失败',
                    position: 'right-top'
                });
            }
        });
          
        }

        },
        {
        text: '通过',
        onClick: function(inst){
          
           $$.ajax({
            method: 'POST',
            url: 'https://prehealth.top/pre2.0/Send',
            contentType:'application/json;charset=utf-8',
            async: false,
            dataType: "json",
            data:JSON.stringify(json1),
                  
              
            success: function (data) {
                console.log("发送通知成功！")
            },
            fail:function () {
                
            }
        });

           mdui.snackbar({
            message: '上传中...',
            position: 'right-top'
        });
        $$.ajax({
            method: 'PUT',
            url: 'http://prehealth.top/pre2.0/back',
            dataType: "json",
              data:{
                  backId:backId,
                  backState:"1"
              },
            success: function (data) {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '修改成功',
                    position: 'right-top'
                });
                history.go(0)
            },
            fail:function () {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '修改失败',
                    position: 'right-top'
                });
            }
        });
          
        }
      }
    ]
  });
};

function deleteSubmit(back_id) {

          
          mdui.dialog({
           title: '删除申请',
            content: '您想要删除申请吗？',
          buttons: [
        {
          text: '取消'
        },
        {
        text: '确认',
        onClick: function(inst){
          

           mdui.snackbar({
            message: '删除中...',
            position: 'right-top'
        });
        $$.ajax({
            method: 'DELETE',
            url: 'http://prehealth.top/pre2.0/back/'+back_id,
            dataType: "json",
              data:{
                  back_id:back_id
                  
              },
            success: function (data) {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '删除成功',
                    position: 'right-top'
                });
                history.go(0)
            },
            fail:function () {
                $$("#submit").removeAttr("disabled");
                mdui.snackbar({
                    message: '删除失败',
                    position: 'right-top'
                });
            }
        });
          
        }
      }
    ]
  });
};
   
  
</script>

</html>
